<!DOCTYPE >
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta name="renderer" content="webkit">
	<meta name="HandheldFriendly" content="true">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="x5-orientation" content="portrait">
	<meta name="x5-page-mode" content="app">
	<meta name="author" content="yinxiang" />
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="icon" href="./favicon.ico" type="image/x-icon">
	<title>映像日记</title>
	<meta name="keywords" content="日记,日记本,网络日记,微信日记,在线日记,私密日记,生活日记,记录,记录心情">
    <meta name="description" content="映像日记是一个基于微信公众号的在线日记本，在这里，你可以随时记录生活,可以上传图片,也可以查看别人的公开日记,通过在线日记本,随时查看历史日记">
    <link rel="stylesheet" href="./libs/common.css">
    <link rel="stylesheet" href="./libs/normalize.css">
    <link rel="stylesheet" href="./libs/aos.css">
    <link rel="stylesheet" href="./libs/main.css?v=02">
    <link rel="stylesheet" href="./libs/media.css">
  </head>
  <body>
    <div class="banner-warpper">
        <div class="main-content">
        <div class="code vx-code">
            <div class="temple">
                    <img  class="logo" src="./libs/images/logoTo.png" >
                    <p class="lax first" >在这里</p>
                    <p class="lax sub" >看见<span>真实</span>的自己</p>
            </div>
            <div class="code-img">
                <img src="./libs/images/code.png" alt="" width="160" >
                <em>微信扫码，立即体验</em>
            </div>
        </div>
        
        </div>
        <div class="slide-warrper">
                <ul>
                    <li class="top">
                        <img src="./libs/images/01@2x-min.png" alt="">
                        <img src="./libs/images/02@2x-min.png" alt="">
                        <img src="./libs/images/03@2x-min.png" alt="">
                        <img src="./libs/images/01@2x-min.png" alt="">
                        <img src="./libs/images/02@2x-min.png" alt="">
                        <img src="./libs/images/03@2x-min.png" alt="">
                    </li>
                    <li class="down">
                        <img src="./libs/images/04@2x-min.png" alt="">
                        <img src="./libs/images/05@2x-min.png" alt="">
                        <img src="./libs/images/06@2x-min.png" alt="">
                        <img src="./libs/images/04@2x-min.png" alt="">
                        <img src="./libs/images/05@2x-min.png" alt="">
                        <img src="./libs/images/06@2x-min.png" alt="">
                    </li>
                    <li  class="top" >
                        <img src="./libs/images/07@2x-min.png" alt="">
                        <img src="./libs/images/08@2x-min.png" alt="">
                        <img src="./libs/images/09@2x-min.png" alt="">
                        <img src="./libs/images/07@2x-min.png" alt="">
                        <img src="./libs/images/08@2x-min.png" alt="">
                        <img src="./libs/images/09@2x-min.png" alt="">
                    </li>
                </ul>
        </div>


    </div>

    <div class="home-warpper" style="overflow-x: hidden">
        <div class="main-content">
           <div class="inline-con">
                <div class="text" data-aos="fade-right">
                    <p class="tl">记录让生活变的</p>
                    <p class="tl">有仪式感</p>
                    <p class="sub">在快节奏的生活里，写日记已成了一种奢侈的事情，让写日记变得简单</p>
                </div>
                <div class="home-page page"  data-aos="fade-up">
                    <img src="./libs/images/img_1@2x-min.png" width="100%" alt="" >
                </div>
                <div class="setting-page  page"  data-aos="fade-up">
                    <img src="./libs/images/img_3@2x-min.png" width="100%" alt="" >
                </div>
                <div class="edit-page  page"  data-aos="fade-up">
                    <img src="./libs/images/img_2@2x-min.png" width="100%" alt="" >
                </div>
           </div>
        </div>
        <object class="home-svg" data="./libs/images/home.svg" type="image/svg+xml"></object>
    </div>

    <div class="found-warpper"  style="overflow-x: hidden">
        <div class="main-content">
            <div data-aos="fade-up">
                <div class="title">
                    分享让思想和感情发生碰撞
                </div>
                <div class="sub-title">
                    在平行的时空里，通过文字分享自己的世界，聆听他人的故事
                </div>
            </div>

            <div class="page-show">
                <div class="page diary-cicle" data-aos="fade-right">
                    <img src="./libs/images/img_4@2x-min.png" width="100%" alt="" >
                </div>
                <div class="page friend-cicle" data-aos="fade-left">
                    <img src="./libs/images/img_5@2x-min.png" width="100%" alt="" >
                </div>
            </div>
        </div>
        <object class="found-svg" data="./libs/images/found.svg" type="image/svg+xml"></object>
    </div>

    <div class="diary-album">
        <div class="main-content">
            <div class="diary-con">
                <div class="diary-txt">
                    <div class="txt">
                        <div class="tl">回顾让我们</div>
                        <div class="tl">见证自己的成长</div>
                        <p class="sub">翻看历史的记录，曾经的幼稚，脆弱给予我们成长的力量</p>
                    </div>
                    <img src="./libs/images/img_book-min.png" data-aos="flip-up" alt="">
                </div>

                <div class="page diary-vidio" data-aos="fade-up">
                    <img src="./libs/images/img_6@2x-min.png" width="100%" alt="" >
                </div>
            </div>
        </div>
        </div>
    </div>

    <div class="footer"  style="overflow-x: hidden; overflow-y: hidden">
        <div class="main-content">
             <div class="code" data-aos="slide-right">
                 <img src="./libs/images/code.png" width="160" alt="" >
                 <em>微信扫码，立即体验</em>
             </div>
             <div class="wisdom"  data-aos="slide-left">
                 <p class="sentence">除非经由记忆之路，人不能达到纵深</p>
                 <p class="author">——汉娜-阿伦特</p>
             </div>
			 <div class="record">京ICP备15013018号-1</div>
        </div>
    </div>



    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="./libs/aos.js"></script>
    <script src="./libs/init.js"></script>
  </body>
</html>
